<template>
    <div class="organization">
        <headNav title="机构信息" :isHome="false" :isBack="true"></headNav>
        <div class="organList">
            <ul>
                <li><span>机构名称</span><label>{{detail.agentName}}</label></li>
                <li><span>类型</span><label>{{detail.agentTypeDesc}}</label></li>
                <li v-if="detail.agentType == 1"><span>合伙人等级</span><label>{{detail.partnerLevelDesc}}</label></li>
                <li><span>结算方式</span><label>{{detail.settleTypeDesc}}</label></li>
                <li><span>账号</span><label>{{detail.account}}</label></li>
                <li><span>所有人</span><label>{{detail.accountHolder}}</label></li>
                <li><span>联系人</span><label>{{detail.contact}}</label></li>
                <li><span>电话</span><label>{{detail.phone}}</label></li>
                <li><span>保证金</span><label>{{detail.bond}}</label></li>
                <li><span>备注</span><label>{{detail.remarks}}</label></li>
            </ul>
        </div>
        <bottomNav :index="5"></bottomNav>
    </div>
</template>
<script>
import headNav from '@/components/headNav/headNav.vue'
import bottomNav from '@/components/bottomNav/bottomNav.vue'
export default {
    name: 'organization',
    components: {
        headNav,
        bottomNav
    },
    data () {
        return {
            detail: ''
        }
    },
    mounted () {
        this.getDetail()
    },
    methods: {
        getDetail () {
            this.$store.dispatch('info/AgentDetail').then(
                res => {
                    if (res.status == 200) {
                        this.detail = res.data
                    }
                }
            )
        }
    }
}
</script>
<style scoped>
.organization{
    background: #fff;
    height: 100%;
}
.organList li{
    margin: 0 0.36rem;
    border-bottom: 1px solid #EEEEEE;
    height: 0.86rem;
    line-height: 0.86rem;
}
.organList li span{
    font-size: 0.3rem;
    color: #000;
}
.organList li label{
    font-size: 0.3rem;
    color: #666666;
    float: right;
}
</style>